<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      var arr = [1, 2, 1, 2, 3, 4, 5, 6, 7, 1, 2, 3];

      var countMap = {}; // 创建一个空对象用于存储元素和出现次数的对应关系

      arr.forEach((item) => {
        if (countMap[item]) {
          countMap[item]++; // 如果元素已经在对象中，则次数加1
        } else {
          countMap[item] = 1; // 如果元素不在对象中，则初始化为1
        }
      });
      // 输出修改后的 countMap 对象
      for (var key in countMap) {
        countMap[key] = countMap[key] + "个"; // 将每个值后面加上 "个"
      }

      console.log(countMap); // 输出统计结果对象
    </script>
  </body>
</html>
